<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" href="../home_code/all.css">
    <link rel="stylesheet" href="../home_code/head.css">
    <link rel="stylesheet" href="../home_code/user.css">
    <link rel="stylesheet" href="../home_code/footer.css">
</head>

<body>
    <div class="head">
        <!-- 头部 -->
        <div class="logo"><a href="../homeUser.html"><img src="../../images/speed go.png" alt=""
                    style="width: 180px; height: 60px;"></a></div>
        <div class="nav">
            <ul>
                <li><a href="#">骑手招募</a></li>
                <li><a href="#">消息</a></li>
                <li><a href="#">下单</a></li>
                <li><a href="#">我的</a></li>
            </ul>
            <div class="headpicture"></div>
        </div>
    </div>
    <div class="main center">
        <!-- 主体 -->
        <div class="title">
            我的信息
        </div>
        <div class="sheet">
            <form action="" method="POST" id="mineForm">
                <table>
                    <tr>
                        <td>昵称</td>
                        <td><input type="text" name="petName"></td>
                    </tr>
                    <tr>
                        <td>邮箱</td>
                        <td>
                            <div>123456789@qq.com</div>
                        </td>
                    </tr>
                    <tr>
                        <td>用户名</td>
                        <td>
                            <div>123456789@qq.com</div>
                        </td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td>
                            <span style="margin-left: 0;">
                                <button type="button">男</button>
                            </span>
                            <span>
                                <button type="button">女</button>
                            </span>
                            <span>
                                <button type="button">保密</button>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>电话</td>
                        <td><input type="text" name="tel"></td>
                    </tr>
                    <tr>
                        <td>备注</td>
                        <td><textarea name="" id="" cols="30" rows="4" placeholder="请输入备注（最多200个字符）"
                                maxlength="200"></textarea></td>
                    </tr>

                </table>
                <button class="post">提交</button>
            </form>
        </div>
    </div>
    <div class="footer">
        <!-- 底部 -->
        <div class="link">
            <ul>
                <li style="border-left:0;"><a href="#">客服</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
    </div>
    <script src="../home_code/user.js"></script>
</body>

</html>